<template>

<view class="psxweb">
	<view class="psxbox">
		<view >
			<view class="psxIdle" @click="gotoidle">
					 <u-icon name="bag" color="#fff" size="60" class='psxicon'></u-icon>
			</view>
			<span>发布闲置</span>
		</view>
		  <view>
		  	<view class="psxtopic"@click='gotopic'>
		  			 <u-icon name="order" color="#fff" size="60" class='psxicon'></u-icon>
		  	</view>
		  	 <span>发布话题</span>
			 
		  </view>
	</view>
	<view class="psxbottom" >
		<view class="psxbar" @click="gotohome">
						—
		</view>
	</view>
</view>
	
</template>

<script>
	export default {
			data() {
				return {
	
				}
			},
			methods: {
				// 跳转到发布闲置
				gotoidle(){
					uni.navigateTo({
						url: '/pages/issue/idle'
					})
				},
				// 跳转到发布话题
				gotopic() {
					uni.navigateTo({
						url: '/pages/issue/topic'
					})
					// console.log('1')
				},
			gotohome(){
				uni.switchTab({
					url: '/pages/Home/Home'
				})
				console.log('1')
			}
			}
		}
</script>
	
<style lang="scss" scoped>
.psxweb{
	width:100%;
	height:350upx;
	position: fixed;
	top:840upx;
}
.psxbox{
	width:100%;
	height:100%;
	// margin-top: 260upx;
	display: flex;
	justify-content: space-around;
}
.psxIdle{
	width: 200upx;
	height: 200upx;
	background-color: #2ED8C4;
	border-radius: 50%;
}
.psxtopic{
	width: 200upx;
	height: 200upx;
	background-color: rgb(54, 219, 172);
	border-radius: 50%;
}
.psxicon{
	margin-left: 40upx;
	padding-top: 36upx;
}
span{
	margin-top: 20upx;			
	padding-left: 40upx;
	float: left;
	color:darkgray
}
.psxbar{
	width: 70upx;
				height: 70upx;
				background-color: #28D2D1;
				margin: 0 auto;
				border-radius: 50%;
				color: #fff;
				text-align: center;
				line-height: 70upx;
				font-weight: 700;
}
</style>